<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <meta name="keywords" content="">
        <meta name="description" content="">
		<title>中医健康管理学院</title>
		<link rel="stylesheet" type="text/css" href="${path}/site/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="${path}/site/css/pagination.css"><!-- 分页文件 -->
  		<link rel="stylesheet" type="text/css" href="${path}/site/css/common.css">
	</head>
	

<body>
	
	<!--nav开始-->
	    <jsp:include page="header.jsp"></jsp:include>
	<!--nav结束-->
	

    <div class="list-content cf">
		<ul class="left-menu">
			<li class="liActive"><a href="javascript:;">${currentMenu.name }</a></li>
			 <c:forEach items="${chlist}" var="node">
            	<p <c:if test="${node.id == currentNode.id }">class="two"</c:if>>
					<li>
						<a href="${pageContext.request.contextPath}/web/${node.id}.html"  style="text-decoration : none">${node.name }</a>
					</li>
				</p>
            </c:forEach>
		</ul>

		<div class="right-content">
			<p class="title-head">
				<i></i>
				当前位置：<a href="javascript:;">${currentMenu.name }</a> &nbsp;>&nbsp; <a href="javascript:;">${currentNode.name }</a>
			</p>
			<ul class="list-info">
				
				<c:forEach items="${page.datasource }" var="article" varStatus="stats">
                    	<li class="info-li">
							<i></i>
							<p><a href="${pageContext.request.contextPath}/web/${article.nodeId}/${article.articleId}.html" style="text-decoration : none">${article.title }</a></p>
							<label><fmt:formatDate value="${article.pubTime }" pattern="yyyy-MM-dd HH:mm:ss"/></label>
						</li>
               </c:forEach>
			</ul>

			<!-- 分页 -->
	       <!--  <div class="pagination">
	          <div id="pagination" class="M-box1 cf"></div>
	        </div> -->
	        <!-- end 分页 -->
		</div>
    </div>

    <div class="dibi1"><!------底部------>
		<ul>
			<li class="li3">
				<h1>版权所有：北京开放大学&nbsp;&nbsp;&nbsp;&nbsp;京ICP备05007185号&nbsp;&nbsp;&nbsp;&nbsp;©Tatfook</h1>
				<span>地址：北京海淀区皂君庙甲4号</span>
				<span>邮编：100081</span>
				<span>电话：010-82192086</span>
				<span>传真：010-82192114</span>
				<span>邮箱：xb@mail.btvu.org</span>
			  </li>
			    <li class="box">
					<img src="${path}/site/image/line1.png">
				</li>
				<li class="box2">
					<img src="${path}/site/image/logo2.png">
				</li>
		</ul>
	</div><!-- end 底部 -->

  <!-- javascritp flie -->
   <script type="text/javascript" src="${path}/site/js/jquery-1.10.2.min.js"></script>
   <script type="text/javascript" src="${path}/site/js/jquery/jquery.pagination.js"></script><!-- 分页的js文件 -->
   <script type="text/javascript" src="${path}/site/js/vue/vue.js"></script>
   <script type="text/javascript">
		$(function(){
			//分页初始化
		    $('#pagination').pagination({
		      prevContent: "上一页",
		      nextContent: "下一页",
		      prevCls:'prev',
		      nextCls:'next',
		      totalData:100,
		      showData:5,
		      coping:true
		    });

		    //导航二级 展示隐藏
			$(".jp-course a").mouseover(function(){
				$(this).next("ul").attr("style","display: block;");
			});
			
			$(".jp-course a").mouseout(function(){
				$(this).next("ul").attr("style","display: none;");
			}); 
			
			$(".jp-course ul").mouseover(function(){
				$(this).attr("style","display: block;");
			});
			
			$(".jp-course ul").mouseout(function(){
				$(this).attr("style","display: none;");
			});

			$(".left-menu li a").click(function(){
				$(this).parent().addClass("liActive").siblings("li").removeClass("liActive");
			});
		});
	</script>
</body>
</html>
